<!-- 分类 -->
<template>
<div class="box">
    <div>左边</div>
    <div class="right">
          <div>上面</div>
          <div>下面</div>
    </div>
 
 </div>
</template>

<script>
export default {
    name:"fenglei"
}

</script>
<style scoped>
  .box{
      display: flex;
      height: 100vh;
  }
  .box>div{
    flex: 1;
  }
  .box>div:nth-child(1){
       height: 100%;
       background: red;
  }
  .right{
      display: flex;
      flex-direction: column;
  }
  .right>div{
     flex: 1;
  }
</style>